<%- include header.ejs %>
<style>
  /*  a:hover {
        text-decoration: none;
    }

    .text_12 {
        font-size: 20px;
    }

    .text_orange {
        color: orange;
    }

    .border0 {
        border: 0 !important;
    }

    .readius0 {
        border-radius: 0 !important;
    }

    .margin0 {
        margin: 0;
    }

    .productitle {
        font-size: 14px;
        margin: 5px 0 0 0;
        color: #333333;
    }

    .CompartmentTitle {
        padding: 16px 16px;
        margin-top: 0;
        margin-bottom: 0;
        background: #ffffff;
    }

    .containermain {
        background: #efefef;
    }

    .posiFather {
        position: relative;
    }

    .posis_left_buttom {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .posis_right_buttom {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    .with100 {
        width: 100% !important;
    }

    .banner {
        width:100%; height:70px;
    }

    .closeBaner {
        position: absolute;
        right: 8px;
        bottom: 50%;
        color: #ffffff;
        font-size: 28px;
    }*/
</style>
<!--<a href="#" class="banner posiFather">
    <img src="/images/baner.jpg" class="img-responsive">
    <span class="glyphicon glyphicon-remove-sign closeBaner"></span>
</a>-->
    <div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
            <div class="item">
                <a href="#"><img src="/images/baner.jpg" alt=""/></a>
            </div>
            <div class="item active left">
                <a href="#"><img src="/images/baner.jpg" alt=""/></a>
            </div>
            <div class="item next left">
                <a href="#"><img src="/images/baner.jpg" alt=""/></a>
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-captions" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-captions" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
</div>

<div class="container containermain">
    <h4 class="row CompartmentTitle">
        小包团购
        <small class="pull-right">优</small>
    </h4>
    <ul class="row list-group custom_rim border0">
        <li class="list-group-item readius0">
            <a href="/ktv/detail/1">
                <div class="media">
                    <div class="media-left">
                        <img src="/images/p1.jpg" width="100" height="70" class="media-object" alt=""/>
                    </div>
                    <div class="media-body posiFather">
                        <h4 class="media-object text-overflow productitle">下午场/黄金场/午夜场/美食下午场/黄金场/午夜场/</h4>

                        <p class="row text-muted margin0 posis_left_buttom with100"><span class="text_12 text_orange">￥199</span>
                            <small><s>￥ 288</s></small>
                            <span class="posis_right_buttom">已售 20</span>
                        </p>
                    </div>
                </div>
            </a>
        </li>
        <li class="list-group-item readius0">
            <a href="#">
                <div class="media">
                    <div class="media-left">
                        <img src="/images/p1.jpg" width="100" height="70" class="media-object" alt=""/>
                    </div>
                    <div class="media-body posiFather">
                        <h4 class="media-object text-overflow productitle">下午场/</h4>

                        <p class="text-muted margin0 posis_left_buttom with100"><span
                                    class="text_12 text_orange">￥199</span>
                            <small><s>￥ 288</s></small>
                            <span class="posis_right_buttom">已售 20</span>
                        </p>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>
<%- include resources %>
<script>
    $('.banner').on();
</script>
<%- include footer.ejs %>